/**
 * 修改表格的样式
 * obj为一个对象
 * 对象的定义应该如下格式,使用如下：
 * $table.tablestyle(｛
 * isStripe：true, //是否条纹显示表格的每一行
 * oddColor : '#FFF', //奇数行显示的颜色
 * evenColor :'#EEE', //偶数行显示的颜色
 * headColor:'#DDD'//表头显示的颜色
 * width:100% //表格的宽度
 * ｝)
 * 
 */
(function($){
	$.fn.tablestyle = function(obj){
		if(obj == undefined){
			obj={
					isStripe:true,
					oddColor:'#EEE',
					evenColor:'#FFF',
					headColor:'#EEE',
					width:'100%',
					heighlight:'#DDD'
				};
		};
		if(obj['isStripe'] == undefined){
			obj['isStripe']  = true;
		} 
		if(obj['oddColor'] == undefined){
			obj['oddColor']='#EEE';
		}
		if(obj['evenColr'] == undefined) {
			obj['evenColor'] = '#FFF';
		} 
		if(obj['headColor'] == undefined){
			obj['headColor'] = '#DDD';
		} 
		if(obj['width'] == undefined){
			obj['width'] = '100%';
		}
		if(obj['heighlight'] == undefined){
			obj['heighlight'] = '#DDD';
		}
		var $table = $(this);
		$(this).css({
			'border-collapse': 'collapse',
			border:'1px solid #EEE',
			'font-size':'14px',
			'background':obj['evenColor'],
			width:obj['width']/*,
			'text-align':'center'*/
		}).find("tr").eq(0).css({
			background:obj['headColor']
		});
		//是否条纹显示表格
		if(obj['isStripe']) {
			$table.tablestripe(obj['oddColor'], obj['evenColor']);
		}
		$(this).find("tr:gt(0)").hover(function(){
			$(this).css({
				background:obj['heighlight']
			});
		},function(){
			if(obj['isStripe']){
				$table.tablestripe(obj['oddColor'], obj['evenColor']);
			}else {
				$(this).css({
					background:obj['evenColor']
				});
			}
		});
	};
	/**
	 * 表格的条纹样式
	 * oddColor 奇数行的颜色
	 * evenColor 偶数行的颜色
	 */
	$.fn.tablestripe = function(oddColor, evenColor){
		$(this).find("tr:gt(0):odd").css({
			background:oddColor
		});
		$(this).find("tr:gt(0):even").css({
			background:evenColor
		})
	}
})(jQuery);